<!-- 第一步 -->
<template>
    <div >
       <ContentTitle :info="info" />
      <ListBox :transObj="transObj" :haveOperation="haveOperation" :haveSerialNumber="haveSerialNumber" :cTData= "cTData"></ListBox>
    </div>
    </template>
     
    <script setup>
     
    import {ref,onMounted } from 'vue';
    import * as api from "@/api/index";
    import ListBox from '@/components/ListBox.vue'
    import ContentTitle from '@/components/ContentTitle.vue'
     
    
    /**
     * 传给contentTitle子组件的值
     */
    const info = ref({
      type:'计费',
      text:'使用记录',
      msg:' - 统计当前账户每天消耗的消息额度总数，可查看历史月份的使用记录。'
    })
    
    /**
     * 传给Listbox子组件的参数
     */
    const transObj = ref({
        id:"充值ID",
        cTime:"日期",
        amount:"充值金额",
        desc:"备注",
      })
    let haveSerialNumber = true;
    let haveOperation = false;
    let cTData = ref([]);
    
    
    //获取参数
    const getList = () => {
      api.$feeUsageList().then((res) => {
        cTData.value = res.data;
      });
    };
    
    onMounted(() => {
      getList();
    });
    
    </script>
     
     
    <style lang='less'>
     
    </style>